<!DOCTYPE html>
<!--
    index.html ~~
                                                        ~~ (c) SRW, 20 Nov 2012
                                                    ~~ last updated 08 Jan 2015
-->
<!--[if IE]><![endif]-->
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="author" content="Sean Wilkinson">
    <meta name="description" content="A platform for World Wide Computing">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QMachine</title>
    <link rel="canonical" href="https://www.qmachine.org">

    <base target="_blank">

    <link href="style-min.css" rel="stylesheet">

  <!--[if !IE]>-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style"
        content="black-translucent">
    <link rel="chrome-webstore-item"
        href="https://chrome.google.com/webstore/detail/meagomakeegjimdibmlodmilfhplkjgp">
    <link rel="shortcut icon" href="favicon.ico">
  <!--<![endif]-->

  <!--[if lt IE 9]>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <script src="html5shiv.js"></script>
    <script src="respond.js"></script>
  <![endif]-->

  <!--[if IEMobile]>
    <meta http-equiv="cleartype" content="on">
  <![endif]-->

  <!--[if IE]>
    <meta name="msapplication-config" content="browserconfig.xml">
    <meta name="application-name" content="QMachine">
    <meta name="msapplication-navbutton-color" content="navy">
    <meta name="msapplication-task"
        content="name=Code;action-uri=https://github.com/qmachine/qmachine;icon-uri=https://github.com/favicon.ico">
    <meta name="msapplication-tooltip"
        content="A platform for World Wide Computing">
    <meta name="msapplication-window" content="width=800;height=600">
    <link rel="shortcut icon" href="giant-favicon.ico">
  <![endif]-->

    <script src="//www.google.com/jsapi"></script>

  </head>

  <body>

    <div class="text-center">
      <noscript>This page requires JavaScript.</noscript>
    </div>

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle"
              data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#" target="_self">QMachine</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="https://github.com/qmachine/qmachine">Code</a></li>
            <li><a href="https://docs.qmachine.org/en/latest/">Docs</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle"
                data-toggle="dropdown">Papers<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li>
                  <a href="http://www.biomedcentral.com/1471-2105/15/176">Wilkinson 2014</a>
                </li>
              </ul>
            </li>
            <li><a href="http://status.qmachine.org">Status</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle"
                data-toggle="dropdown">Version<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="https://www.qmachine.org">Latest</a></li>
                <li><a href="https://v1.qmachine.org">Version 1</a></li>
              </ul>
            </li>
            <li><a href="https://www.qmachine.org/wiki/Main_Page">Wiki</a></li>
          </ul>
          <ul class="nav navbar-nav pull-right">
            <li>
              <a href="https://www.facebook.com/qmachineorg">
                <img alt="Facebook logo" height="16" width="16"
                    src="//www.google.com/s2/favicons?domain=www.facebook.com">
              </a>
            </li>
            <li>
              <a href="https://plus.google.com/+qmachineorg">
                <img alt="Google+ logo" height="16" width="16"
                    src="//www.google.com/s2/favicons?domain=plus.google.com">
              </a>
            </li>
            <li>
              <a href="https://twitter.com/qmachineorg">
                <img alt="Twitter logo" height="16" width="16"
                    src="//www.google.com/s2/favicons?domain=twitter.com">
              </a>
            </li>
            <li>
              <a href="//www.youtube.com/playlist?list=PLwUGp_wSf5vjD5vwzj9Dhqbz-y54oALIe">
                <img alt="YouTube logo" height="16" width="16"
                    src="//www.google.com/s2/favicons?domain=www.youtube.com">
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

  <!--
    <div class="container">
      <div class="alert alert-warning alert-dismissable">
        <button type="button" class="close" data-dismiss="alert"
            aria-hidden="true">&times;</button>
          On June 9, <a class="alert-link" href="http://www.biomedcentral.com/1471-2105/15/176">QMachine: commodity supercomputing in web browsers</a>
          was published online in <em>BMC Bioinformatics</em>. Check it out!
      </div>
    </div>
  -->

    <div class="container">
      <div class="jumbotron text-center">
        <h1>HPC + WWW&nbsp;= QM</h1>
        <p class="lead">
          Mix High Performance Computing with the World Wide Web and you'll get
          QMachine, a web service that can incorporate ordinary browsers into a
          World Wide Computer &mdash; without&nbsp;installing&nbsp;anything.
        </p>
        <a class="btn btn-primary"
            href="https://docs.qmachine.org/en/latest/overview.html">Learn more &raquo;</a>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <div class="col-md-6 text-center">
          <h2>Submitter Example</h2>
          <p>
            <a href="https://www.qmachine.org/wiki/Opening_a_browser_console">Open your browser's built-in console</a>
            and enter the following:
          </p>
          <p>
            <code>QM.submit(2, function (x) { return x + 2; }).print()</code>
          </p>
          <p>
            You may need to volunteer to run it, though!
          </p>
        </div>
        <div class="col-md-6 text-center">
          <h2>Volunteer Example</h2>
          <p>
            Check the box below to volunteer your machine's resources as part
            of QM's crowdsourced supercomputer. To specify a "box", edit the
            text.
          </p>
          <form class="form-inline" role="form">
            <div class="form-group text-center">
              <label class="sr-only" for="QM-box-input">"box"</label>
              <input type="text" id="QM-box-input"
                  class="form-control text-center" pattern="[\w\-]+"
                  required size="32">
            </div>
            <label class="sr-only" for="QM-volunteer-input">box</label>
            <input type="checkbox" id="QM-volunteer-input">
          </form>
        </div>
      </div>
      <hr>
      <div id="world-map"></div>
      <div id="world-map-caption" class="text-center">
        <h2>World Wide Computing</h2>
        Since April 2013, QMachine's
        <a href="https://api.qmachine.org">API server</a> has received
        <span id="QM-total-calls">0 calls</span> from visitors in
        <span id="QM-total-countries">0 countries</span>.
      </div>
      <hr>
    </div>

    <footer class="footer">
      <div class="container text-center">
        <p>
          &copy;
          <a href="http://seanwilkinson.info">Sean Wilkinson</a> 2010-2015<br>
          Division of Informatics, Department of Pathology<br>
          Department of Biomedical Engineering<br>
          University of Alabama at Birmingham<br>
          <a href="//ibl.github.io">Integrative Bioinformatics Laboratory</a>
        </p>
      </div>
    </footer>

    <script async defer src="homepage.js"></script>

  </body>
</html>
